<template>
  <view class="container">
    <view class="item flex sb" v-for="index in 13" :key="index">
      <view>
        <view style="font-weight: 500; font-size: 28rpx; color: #001636">代驾订单-DD7892734973</view>
        <view style="font-weight: 500; font-size: 26rpx; color: #666666; margin-top: 14rpx">2024-03-05 10:39:51</view>
      </view>
      <view style="font-weight: bold; font-size: 32rpx; color: #001636">-19.00</view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  onReachBottom() {
    console.log('触底了加载更多----');
  }
};
</script>

<style lang="scss" scoped>
.flex {
  display: flex;
  align-items: center;
}
.sb {
  justify-content: space-between;
}
.container {
  box-sizing: border-box;
  padding: 20rpx 24rpx;
  .item {
    box-sizing: border-box;
    width: 702rpx;
    height: 150rpx;
    padding: 32rpx 22rpx;
    border-bottom: 1px solid #dedede;
  }
}
</style>
